<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<spring:url value="/js/candidato/noteSelezionatore.js" var="jsUrl"></spring:url>
<script src="${jsUrl}" type="text/javascript"></script>
<div class="unit-row">
	<div class="unit-70" style="width:100%;opacity:0.7;background-color:#FFFFFF;font-weight:bold;">
		<nav class="nav-tabs unit-centered" style="width:1000px">
			<ul>
				<li><a href="${flowExecutionUrl}&_eventId=dati-generali">Dati anagrafici</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=studi-compiuti">Studi compiuti</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=lingue-conosciute">Lingue conosciute</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=conoscenze-informatiche">Conoscenze informatiche</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=esperienze-lavorative">Esperienze Lavorative</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=domande-attitudinali">Analisi</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=altre-informazioni">Altre Informazioni</a></li>
				<li><a href="${flowExecutionUrl}&_eventId=documenti">Documenti</a></li>
				<li><span>Note</span></li>					
				<li><a href="<c:url value="j_spring_security_logout" />">Logout</a></li>
			</ul>
		</nav>
		<br/>
		<c:if test="${not empty noteSelezionatoreSalvate}">
			<div class="message message-success">
	    		<span class="close"></span>
	    		Dati salvati con successo
			</div>
		</c:if>
		<form:form id="noteForm" method="post" action="${flowExecutionUrl}" commandName="noteForm" cssClass="forms forms-columnar"
		style="background-color:rgb(204,253,245)">
			<nav class="nav-tabs unit-centered hideableNav" style="width:1000px" id="presenzaNav">
				<ul>
					<li><span>Presenza</span></li>
					<li><a href="#" onclick="showTab('famigliaDiv','famigliaNav')">Situazione Familiare</a></li>
					<li><a href="#" onclick="showTab('lCulturaleDiv','lCulturaleNav')">Livello Culturale</a></li>
					<li><a href="#" onclick="showTab('lProfessionaleDiv','lProfessionaleNav')">Livello Professionale</a></li>
					<li><a href="#" onclick="showTab('lEconomicoDiv','lEconomicoNav')">Livello Economico</a></li>
				</ul>
			</nav>
			<div id="presenzaDiv" class="hideableDiv">
				<fieldset>
					<legend>
						Caratteristiche di presenza
					</legend>
					
					<p>	
						<form:label path="note.presenza" cssErrorClass="error">Presenza</form:label>
						<form:textarea path="note.presenza" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.presenza" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.approccio" cssErrorClass="error">Approccio</form:label>
						<form:textarea path="note.approccio" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.approccio" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.modoVestire" cssErrorClass="error">Modo di Vestire</form:label>
						<form:textarea path="note.modoVestire" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.modoVestire" cssClass="error"></form:errors>
					</p>
					
				</fieldset>
			</div>
			<nav class="nav-tabs unit-centered hideableNav" style="width:1000px;display:none;" id="famigliaNav">
				<ul>
					<li><a href="#" onclick="showTab('presenzaDiv','presenzaNav')">Presenza</a></li>
					<li><span>Situazione Familiare</span></li>
					<li><a href="#" onclick="showTab('lCulturaleDiv','lCulturaleNav')">Livello Culturale</a></li>
					<li><a href="#" onclick="showTab('lProfessionaleDiv','lProfessionaleNav')">Livello Professionale</a></li>
					<li><a href="#" onclick="showTab('lEconomicoDiv','lEconomicoNav')">Livello Economico</a></li>
				</ul>
			</nav>
			<div id="famigliaDiv" class="hideableDiv" style="display:none">
				<fieldset>
					<legend>
						Situazione familiare
					</legend>
					
					<p>	
						<form:label path="note.situazioneFamiliare" cssErrorClass="error">Situazione familiare</form:label>
						<form:textarea path="note.situazioneFamiliare" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.situazioneFamiliare" cssClass="error"></form:errors>
					</p>
										
				</fieldset>
			</div>
			<nav class="nav-tabs unit-centered hideableNav" style="width:1000px;display:none;" id="lCulturaleNav">
				<ul>
					<li><a href="#" onclick="showTab('presenzaDiv','presenzaNav')">Presenza</a></li>
					<li><a href="#" onclick="showTab('famigliaDiv','famigliaNav')">Situazione Familiare</a></li>
					<li><span>Livello Culturale</span></li>
					<li><a href="#" onclick="showTab('lProfessionaleDiv','lProfessionaleNav')">Livello Professionale</a></li>
					<li><a href="#" onclick="showTab('lEconomicoDiv','lEconomicoNav')">Livello Economico</a></li>
				</ul>
			</nav>
			<div id="lCulturaleDiv" class="hideableDiv" style="display:none;">
				<fieldset>
					<legend>
						Livello culturale
					</legend>
					
					<p>	
						<form:label path="note.livelloCulturale" cssErrorClass="error">Livello culturale</form:label>
						<form:textarea path="note.livelloCulturale" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.livelloCulturale" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.temperamento" cssErrorClass="error">Temperamento</form:label>
						<form:textarea path="note.temperamento" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.temperamento" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.personalita" cssErrorClass="error">Personalit&agrave;</form:label>
						<form:textarea path="note.personalita" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.personalita" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.sguardo" cssErrorClass="error">Sguardo</form:label>
						<form:textarea path="note.sguardo" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.sguardo" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.voce" cssErrorClass="error">Voce</form:label>
						<form:textarea path="note.voce" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.voce" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.espressione" cssErrorClass="error">Espressione</form:label>
						<form:textarea path="note.espressione" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.espressione" cssClass="error"></form:errors>
					</p>
					
				</fieldset>
			</div>
			<nav class="nav-tabs unit-centered hideableNav" style="width:1000px;display:none;" id="lProfessionaleNav">
				<ul>
					<li><a href="#" onclick="showTab('presenzaDiv','presenzaNav')">Presenza</a></li>
					<li><a href="#" onclick="showTab('famigliaDiv','famigliaNav')">Situazione Familiare</a></li>
					<li><a href="#" onclick="showTab('lCulturaleDiv','lCulturaleNav')">Livello Culturale</a></li>
					<li><span>Livello Professionale</span></li>
					<li><a href="#" onclick="showTab('lEconomicoDiv','lEconomicoNav')">Livello Economico</a></li>
				</ul>
			</nav>
			<div id="lProfessionaleDiv" class="hideableDiv" style="display:none;">
				<fieldset>
					<legend>
						Livello professionale
					</legend>
					
					<p>	
						<form:label path="note.livelloProfessionale" cssErrorClass="error">Livello professionale</form:label>
						<form:textarea path="note.livelloProfessionale" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.livelloProfessionale" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.contrastoAziendaPersona" cssErrorClass="error">Confronto Azienda/Persona</form:label>
						<form:textarea path="note.contrastoAziendaPersona" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.contrastoAziendaPersona" cssClass="error"></form:errors>
					</p>
					
				</fieldset>
			</div>
			<nav class="nav-tabs unit-centered hideableNav" style="width:1000px;display:none;"  id="lEconomicoNav">
				<ul>
					<li><a href="#" onclick="showTab('presenzaDiv','presenzaNav')">Presenza</a></li>
					<li><a href="#" onclick="showTab('famigliaDiv','famigliaNav')">Situazione Familiare</a></li>
					<li><a href="#" onclick="showTab('lCulturaleDiv','lCulturaleNav')">Livello Culturale</a></li>
					<li><a href="#" onclick="showTab('lProfessionaleDiv','lProfessionaleNav')">Livello Professionale</a></li>
					<li><span>Livello Economico</span></li>
				</ul>
			</nav>
			<div id="lEconomicoDiv" class="hideableDiv" style="display:none;">
				<fieldset>
					<legend>
						Livello economico
					</legend>
					
					<p>	
						<form:label path="note.livelloEconomicoAttuale" cssErrorClass="error">Livello economico attuale</form:label>
						<form:textarea path="note.livelloEconomicoAttuale" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.livelloEconomicoAttuale" cssClass="error"></form:errors>
					</p>
					
					<p>	
						<form:label path="note.livelloEconomicoDesiderato" cssErrorClass="error">Livello economico desiderato</form:label>
						<form:textarea path="note.livelloEconomicoDesiderato" cols="40" rows="5" cssErrorClass="input-error"/>
						<form:errors path="note.livelloEconomicoDesiderato" cssClass="error"></form:errors>
					</p>
					
				</fieldset>
			</div>
			<input type="hidden" name="_eventId" value="salvaNote" > 
			<input type="reset" class="btn" value="Annulla">
			<input type="submit" class="btn" value="Salva">
		
		</form:form>
	</div>
</div>

